<!DOCTYPE html>
<html lang="ch">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dom对象</title>
  </head>
  <body>
    <img id="h1" src="C:\Users\张锐冲\Desktop\12.png" />
    <br /><br />

    <div class="cls">传智教育</div>
    <br />
    <div class="cls">黑马程序员</div>
    <br />

    <input type="checkbox" name="hobby" /> 电影
    <input type="checkbox" name="hobby" /> 旅游
    <input type="checkbox" name="hobby" /> 游戏

    <script>
      var img = document.getElementById("h1");
      //  document.getElementsByTagName() :  根据标签的名字获取标签对象，同名的标签有很多，所以返回值是数组
      var divs = document.getElementsByTagName("div");

      for (let i = 0; i < divs.length; i++) {
        alert(divs[i]);
      }

      //   修改属性
      var clas = document.getElementsByClassName("cls");
      clas[0].innerHTML = "传智教育nb!";
    </script>
  </body>
</html>
